.hai-head {
	width: 100%;
	height: 50px;
	background-color: #FFFFFF;
}

.hai-head-left {
	float: left;
	width: 25%;
	height: 100%;
	line-height: 50px;
	text-align: center;
}

.hai-head-center {
	float: left;
	width: 50%;
	height: 100%;
	color: #000000;
	text-align: center;
	line-height: 50px;
	font-size: 18px;
}

.hai-head-right {
	float: left;
	width: 25%;
	height: 100%;
	line-height: 50px;
	text-align: end;
	padding-right: 25px;
}

.hai-bt {
	width: 100%;
	height: 55px;
}

.tab ul li {
	cursor: pointer;
	text-align: center;
	line-height: 55px;
	text-align: center;
	width: 70px;
	height: 55px;
	float: left;
	color: #000000;
	font-size: 13px;
}

li {
	list-style: none;
}

.tab {
	height: 55px;
	position: relative;
	width: 100%;
	margin: 0 auto;
	background: #ffffff;
}

.curline {
	display: block;
	width: 70px;
	height: 3px;
	background: rgb(206,173,222);
	position: absolute;
	bottom: 0px;
}
/* 轮播图 */
.hai-lbt{
	width: 100%;
	height: 150px;
}
/* 博客列表 */
.hai-list-data{
	width: 100%;
	padding-top:10px;
	padding-left: 5px;
	padding-right: 5px;
}
.hai-ul{
	list-style: none;
	width: 100%;
	height: 100%;
}
.list-data{
	width: 100%;
	height: auto;
	background-color: #FFFFFF;
	border-radius: 5px;
}
.list-data-top{
	width: 100%;
	height: 55px;
	line-height: 55px;
	text-align: left;
}
.data-top-left{
	float: left;
	width: 15%;
	height: 100%;
	line-height: 55px;
	text-align: left;
	padding-left: 15px;
}
.data-top-context{
	float: left;
	width: 85%;
	height: 100%;
	line-height: 55px;
	text-align: left;
}
.top-context-top{
	width: 100%;
	height: 100%;
	line-height: 27.5px;
	padding-top: 5px;
	text-align: left;
	padding-left: 8px;
	color: #000000;
	font-family: "Times New Roman", Times, serif;
}
.list-data-context{
	width: 100%;
	height: auto;
	font-family: "Times New Roman", Times, serif;
	color: #000000;
	padding-top:15px;
	padding-left: 15px;
	padding-right: 8px;
	padding-bottom: 8px;
	text-align: left;
	font-size: 14px;
}
.list-data-but{
	width: 100%;
	height: 50px;
	margin-top: 5px;
}
.dat-but-left{
	float: left;
	width: 50%;
	height: 100%;
	line-height: 50px;
	text-align: left;
	padding-left: 15px;
}
.dat-but-right{
	float: left;
	width: 50%;
	height: 100%;
	line-height: 50px;
	text-align: right;
	padding-right: 15px;
}
.list-data-pl{
	width: 100%;
	height: auto;
	padding-left: 15px;
	padding-right: 15px;
	background-color: #FFFFFF;
}
.list-pl{
	width: 100%;
	height: 35px;
	line-height: 35px;
	text-align: left;
	
}
.list-pl-left{
	float: left;
	width: 20%;
	height: 100%;
	line-height: 35px;
	text-align: left;
	color: #4289d2;
	overflow: hidden;
	font-size: 13px;
	font-family: "my","TitilliumWeb" ,"Heiti SC","WenQuanYi Micro Hei",sans-serif !important;
}
.list-pl-right{
	float: left;
	width: 80%;
	height: 100%;
	line-height: 35px;
	text-align: left;
	color: #000000;
	overflow: hidden;
	font-size: 13px;
	font-family: "my","TitilliumWeb" ,"Heiti SC","WenQuanYi Micro Hei",sans-serif !important;
}
.list-data-zl{
	width: 100%;
	height: 25px;
	padding-left: 15px;
	margin-bottom: 15px;
}
.list-data-zl-s{
	float: left;
	width:80px;
	height: 100%;
	line-height: 25px;
}
.zl-s-txt{
	font-size: 13px;
	color: #b5b5b5;
	font-family: "my","TitilliumWeb" ,"Heiti SC","WenQuanYi Micro Hei",sans-serif !important;
}
/* 底部导航 */
.hai-dh{
	width: 100%;
	height: 55px;
	position: fixed; 
	bottom: 0px;
	background-color: #ffffff;
	text-align: center;
}
.hai-dh-context{
	float: left;
	width: 25%;
	height: 100%;
	text-align: center;
}
.db-im{
	width: 20px;
	height: 20px;
}
.dh-txt{
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	margin-top: 5px;
	color: #000000;
	display: block;
}
/* 发布文章 */
.hai-fb-k{
	width: 100%;
	height: 25vh;
	position: fixed;
	top: -25vh;
	z-index: 99;
	background-color: #FFFFFF;
}
.hai-fb-gn{
	width: 100%;
	height:120px;
	text-align: center;
	padding-top: 40px;
	padding-left: 20px;
	padding-right: 20px;
}
.hai-fb-im{
	width: 100%;
	height: 45px;
	position: absolute;
	bottom: 0px;
}
.fb-gn-left{
	float: left;
	width: 40%;
	height: 50px;
	background-color: rgb(39,191,178);
	border-radius: 8px;
	line-height: 50px;
	text-align: left;
	padding-left:35px;
}
.fb-gn-right{
	float: right;
	width: 40%;
	height: 50px;
	background-color:rgb(37,197,219);
	border-radius: 8px;
	line-height: 50px;
	text-align: left;
	padding-left:35px;
}
.fb-dt{
	width: 100%;
	height: 100%;
	position: fixed;
	bottom: -800px;
	background-color: #FFFFFF;
	z-index: 9999999;
	display: none;
}
.fb-dt-t{
	width: 100%;
	height: 50px;
	line-height: 50px;
	text-align: left;
	padding-left: 15px;
	font-family: "Times New Roman", Times, serif;
	font-size: 15px;
	color: #b5b5b5;
}
.fb-dt-body{
	width: 100%;
	height: auto;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	
}
.pl-tc-context{
	width: 100%;
	resize:none;
	font-family: "Times New Roman", Times, serif;
	color: #000000;
	font-size: 13px;
	border-radius: 5px;
	border-color: #d3d3d3;
}